/**
 * 弹窗对象
 */
var myPop = (function () {
  var $mask = $('.pop-mask'),
    $pop = $('.pop'),
    $login = $('.pop-login'),
    $register = $('.pop-rigster'),
    $recover = $('.pop-recover'),
    $addAddr = $('.pop-add-addr'),
    $declare = $('.pop-declare'),
    $joinin = $('.pop-joinin');

  function _closePop() {
    $mask.fadeOut();
    $pop.fadeOut();
  }

  function _resetLogin() {
    $login.find('input').val('');
  }

  function _showLogin() {
    _closePop();
    _resetLogin();
    $mask.fadeIn();
    $login.fadeIn();
  }

  function _resetRegister() {
    $register.find('input').val('');
  }

  function _showRegister() {
    _closePop();
    _resetRegister();
    $mask.fadeIn();
    $register.fadeIn();
  }

  function _resetRecover() {
    $recover.find('input').val('');
  }

  function _showRecover() {
    _closePop();
    _resetRecover();
    $mask.fadeIn();
    $recover.fadeIn();
  }

  function _resetAddAddr() {
    $addAddr.find('input').val('');
  }

  function _showAddAddr() {
    _closePop();
    _resetAddAddr();
    $mask.fadeIn();
    $addAddr.fadeIn();
  }

  function _showDeclare() {
    _closePop();
    $declare.find('input[type="checkbox"]').removeAttr('checked');
    $mask.fadeIn();
    $declare.fadeIn();
  }

  function _showJoinin() {
    _closePop();
    $mask.fadeIn();
    $joinin.fadeIn();
  }

  $('body').on('click', '.pop-mask, .icon-btn-close', function () {
    _closePop();
  });

  $('body').on('click', '.u-btn-login', function () {
    _showLogin();
  });

  $('body').on('click', '.u-btn-register', function () {
    _showRegister();
  });

  $('body').on('click', '.pop-declare .btn-in', function () {
    if (!$(this).hasClass('btn-no')) {
      _showJoinin();
    }
  });

  return {
    showLogin: function () {
      _showLogin();
    },
    showRegister: function () {
      _showRegister();
    },
    showRecover: function () {
      _showRecover();
    },
    showAddAddr: function () {
      _showAddAddr();
    },
    showDeclare: function () {
      _showDeclare();
    },
    close: function () {
      _closePop();
    }
  }
})();

$(function () {
  /**
   * 项目列表页顶部banner对象
   */
  var submitBanner = (function () {
    var $con = $('.browser-header .banner-con');
    if ($con.length <= 0) {
      return false;
    }
    var $leftArrow = $('.browser-header .left-arrow'),
      $rightArrow = $('.browser-header .right-arrow'),
      $wrap = $con.find('.wrap'),
      count = $wrap.find('a').length,
      moveLen = parseInt($wrap.find('a').css('width')) + parseInt($wrap.find('a').css('margin-right')),
      posIndex = 0;

    function doMove() {
      $wrap.animate({
        'left': -(posIndex * moveLen) + 'px'
      });
    }
    return {
      init: function () {
        if (count <= 4) {
          $leftArrow.hide();
          $rightArrow.hide();
          return;
        }
        $leftArrow.on('click', function () {
          if (posIndex > 0) {
            posIndex--;
            doMove();
          }
        });
        $rightArrow.on('click', function () {
          if (posIndex < count - 4) {
            posIndex++;
            doMove();
          }
        });
      }
    }
  })();
  submitBanner && submitBanner.init();

  /**
   * 项目列表页顶部tab事件绑定
   *
   */
  $('.browser-main .tabs a').on('click', function () {
    var index = $(this).index();
    $(this).addClass('active').siblings().removeClass('active');
    $('.browser-main .tabcons .con').eq(index).children("input").val("1");
    $('.browser-main .tabcons .con').eq(index).addClass('active').siblings().removeClass('active');
    $('.browser-main .tabcons .con').eq(index).siblings().children("input").val("0");
  });
  $('.project-main .tabs a').on('click', function () {
    var index = $(this).index();
    $(this).addClass('active').siblings().removeClass('active');
    $('.project-main .tabcons .con').eq(index).addClass('active').siblings().removeClass('active');
  });
  $('.invite-card .tabs a').on('click', function () {
    var index = $(this).index();
    $(this).addClass('active').siblings().removeClass('active');
    $('.invite-card .tabcons .con').eq(index).addClass('active').siblings().removeClass('active');
  });

  /**
   * 声明弹窗按钮禁用
   */
  $('.pop-declare .checkbox-box input[type="checkbox"]').on('click', function () {
    var posOk = true;
    $('.pop-declare .checkbox-box input[type="checkbox"]').each(function () {
      if ($(this).attr('checked') != 'checked') {
        posOk = false;
      }
    });
    if (posOk) {
      $('.pop-declare .btn-in').removeClass('btn-no');
      return;
    }
    $('.pop-declare .btn-in').addClass('btn-no');
  });

  /**
   * 绑定复制事件
   */
  if (typeof (ClipboardJS) != 'undefined') {
    var clipboard = new ClipboardJS('.pop-joinin .btn-copy');
    clipboard.on('success', function (e) {
      alert('复制成功！');
      myPop.close();
    });
  }

  /**
   * 用户下拉事件
   */
  $('.header .user .btn-more').on('click', function () {
    $('.header .user ul').toggle();
    return false;
  });
  $('body').on('click', function () {
    $('.header .user ul').hide();
  });


});